<template>
  <div class="shop-list">
    <ul>
      <li v-for="(item,index) in data" :key="index">
        <router-link to="shopDetail">
        <div class="list-item">
          <div class="p">
            <a href="javascript:void(0)">
              <img class="p-pic" v-lazy="'http://gw1.alicdn.com/bao/uploaded/c4/13/TB1etCbSpXXXXcsXXXXSutbFXXX.jpg_80x80.jpg'">
            </a>
          </div>
          <div class="d">
            <h3 class="d-title">Apple Store 官方旗舰店</h3>
            <p class="d-main">主营：Apple 苹果 iPhone Apple 苹果 iPhone</p>
            <p class="d-main">距离900米</p>
            <p class="d-main">已售73477笔</p>
          </div>
        </div>
        <div class="d-icons">
          <van-icon name="like" v-for="item in 5" />
        </div>
        </router-link>
      </li>
    </ul>
  </div>
  
</template>

<script>
import {
  Icon,
} from 'vant';

export default {
  name:'shoplist',
  data(){
    return{
      mask:false,
      menu:{
        show:false,
        list:[]
      },
      goodsdata:""
    }
  },
  props:{
    data: {
      type: Array,
      default() {
        return []
      }
    },
  },
  components: {
    [Icon.name]: Icon,
  },
  methods: {
  }
}
</script>
<style lang="less">
  
</style>
